<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜系</title>
    <link rel="stylesheet" href="/css/nav.css">
    <link rel="stylesheet" href="./css/cuisine.css">
</head>
<body background="./img/菜系.jpg">
    <nav>
        <div class="navtitle"><strong>珍馐美馔</strong>|小黄人美食铺</div>
        <a href="/home.html">主页</a>
        <a href="/popular.html">热门</a>
        <a href="/new.html">新品</a>
        <a href="/菜系.html">菜系</a>
		<a href="/login.html">登录</a>
		<a href="/contact.html">联系我们</a>
        <div class="navanim cuisine"></div>
        <div class="none"></div>
    </nav>
    <div class="container">
        <div class="card" style="--i:-4">
            <!-- 自定义属性：--i,-4 是其值 -->
            <a href="/菜系/鲁菜.html">鲁菜</a>
        </div>
        <div class="card" style="--i:-3">
            <a href="/菜系/川菜.html">川菜</a>
        </div>
        <div class="card" style="--i:-2">
            <a href="/菜系/粤菜.html">粤菜</a>
        </div>
        <div class="card" style="--i:-1">
            <a href="/菜系/苏菜.html">苏菜</a>
        </div>
        <div class="card" style="--i:0">
            <a href="/菜系/浙菜.html">浙菜</a>
        </div>
        <div class="card" style="--i:1">
            <a href="/菜系/闽菜.html">闽菜</a>
        </div>
        <div class="card" style="--i:2">
            <a href="/菜系/湘菜.html">湘菜</a>
        </div>
        <div class="card" style="--i:3">
            <a href="/菜系/徽菜.html">徽菜</a>
        </div>
        <div class="card" style="--i:4">
            <a href="/home.html">返回</a>
        </div>
    </div>
</body>
</html>